<!DOCTYPE html>
<html lang="pt-BR">
    <head>
        <meta charset="utf-8">
        <title>Escola Técnica Redentorista - ETER</title>
        <script type="text/javascript" src="../js/jquery.js"></script>
        <script type="text/javascript" src="../js/jquery.cycle.all.min.js"></script>
        <script type="text/javascript">
        $(function(){
        $("#slides ul").cycle({
        fx:'fade',
        speed: 3000

        })
        })

        </script>
        <style type="text/css"> 
            html, body, div, h1, h2, h3, h4, h5, h6, p, img, dl,
            dt, dd, ol, ul, li, table, tr, td, form, object, embed,
            article, aside, canvas, command, details, figcaption,
            figure, footer, group, header, hgroup, mark, menu,
            meter, nav, output, progress, section, summary,
            time, audio, video {
                margin: 0 auto;
                padding: 0;
                border: 0;
            }
            article, aside, details, figcaption, figure, footer,
            header, hgroup, menu, nav, section {
                display: block;
            }
            html {
                font: 81.25% arial, helvetica, sans-serif;
                background: #fff;
                color: #333;
                line-height: 1;
                direction: ltr;
            }
            a {
                color: #15c;
                text-decoration: none;
            }
            a:active {
                color: #d14836;
            }
            a:hover {
                text-decoration: underline;
            }
            h1, h2, h3, h4, h5, h6 {
                color: #222;
                font-size: 1.54em;
                font-weight: normal;
                line-height: 24px;
                margin: 0 0 .46em;
            }
            p {
                line-height: 17px;
                margin: 0 0 1em;
            }
            ol, ul {
                list-style: none;
                line-height: 17px;
                margin: 0 0 1em;
            }
            li {
                margin: 0 0 .5em;
            }
            table {
                border-collapse: collapse;
                border-spacing: 0;
            }
            strong {
                color: #222;
            }
            button, input, select, textarea {
                font-family: inherit;
                font-size: inherit;
            }
            button:-moz-focus-inner,
            input:-moz-focus-inner {
                border: 0;
            }
        </style>
        <style type="text/css"> 
            html, body {
                position: absolute;
                height: 100%;
                min-width: 100%;
            }
            .wrapper {
                position: relative;
                min-height: 100%;
            }
            .content {
                margin: 0 auto;
                width: 650px;
                padding: 0 44px;
                position: relative;
            }
            
            .header .logo {
                margin: 18px 0 0 -1px;
                float: left ;
            }
            .header .signin,
            .header .signup {
                margin: 28px 0 0;
                float: right;
                font-weight: bold;
            }
            .header .signup-button {
                margin: 22px 0 0;
                float: right;
            }
            .header .signup-button a {
                position: relative;
                top: -1px;
                margin: 0 0 0 1em;
            }
            .main {
                padding-top: 23px;
                padding-bottom: 125px;
            }
            .main h1:first-child {
                margin: 0 0 .92em;
            }
            .google-footer-bar {
                position: absolute;
                bottom: 0;
                height: 35px;
                width: 100%;
                border-top: 1px solid #ebebeb;
                overflow: hidden;
            }
            .footer {
                padding-top: 9px;
                font-size: .85em;
                white-space: nowrap;
                line-height: 0;
            }
            .footer ul {
                color: #999;
                float: left;
                max-width: 80%;
            }
            .footer ul li {
                display: inline;
                padding: 0 1.5em 0 0;
            }
            .footer form {
                text-align: right;
            }
            .footer form .lang-chooser {
                max-width: 20%;
            }
            .announce-bar {
                position: absolute;
                bottom: 35px;
                height: 33px;
                z-index: 2;
                width: 100%;
                background: #f9edbe;
                border-top: 1px solid #efe1ac;
                border-bottom: 1px solid #efe1ac;
                overflow: hidden;
            }
            .announce-bar .message {
                font-size: .85em;
                line-height: 33px;
                margin: 0;
            }
            .announce-bar a {
                margin: 0 0 0 1em;
            }
            .clearfix:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: '.';
                clear: both;
                height: 0;
            }
            * html .clearfix {
                zoom: 1;
            }
            *:first-child+html .clearfix {
                zoom: 1;
            }
        </style>
        <style type="text/css"> 
            .content {
                width: auto;
                max-width: 1000px;
                min-width: 780px;
            }
            .product-info {
                margin: 0 385px 0 0;
            }
            .product-info h3 {
                font-size: 1.23em;
                font-weight: normal;
            }
            .product-info a:visited {
                color: #61c;
            }
            .product-info .g-button:visited {
                color: #666;
            }
            .sign-in {
                width: 335px;
                float: right;
            }
            .signin-box,
            .accountchooser-box {
                margin: 12px 0 0;
                padding: 20px 25px 15px;
                background: #f5f5f5;
                border: 4px solid #e5e5e5;
            }
            .product-headers {
                margin: 0 0 1.5em;
            }
            .product-headers h1 {
                color: #dd4b39;
                font-size: 25px;
                margin: 0 !important;
            }
            .product-headers h2 {
                font-size: 16px;
                margin: .4em 0 0;
            }
            .features {
                overflow: hidden;
                margin: 2em 0 0;
            }
            .features li {
                margin: 3px 0 2em;
            }
            .features img {
                float: left;
                margin: -3px 0 0;
            }
            .features p {
                margin: 0 0 0 68px;
            }
            .features .title {
                font-size: 16px;
                margin-bottom: .3em;
            }
            .features.no-icon p {
                margin: 0;
            }
            .features .small-title {
                font-size: 1em;
                font-weight: bold;
            }
            .notification-bar {
                background: #f9edbe;
                padding: 8px;
            }
        </style>
        <style type="text/css"> 
            .signin-box h2 {
                font-size: 16px;
                line-height: 16px;
                height: 16px;
                margin: 0 0 1.2em;
                position: relative;
            }
            .signin-box h2 strong {
                display: inline-block;
                position: absolute;
                right: 0;
                top: 1px;
                height: 19px;
                width: 52px;
                background: transparent url()  center no-repeat;
            }
            .signin-box label {
                display: block;
                margin: 0 0 1.5em;
                padding-top: 15px;
            }
            .signin-box input[type=text],
            .signin-box input[type=password] {
                width: 100%;
                height: 32px;
                line-height: 32px;
                font-size: 15px;
            }
            .signin-box .email-label,
            .signin-box .passwd-label {
                font-weight: bold;
                margin: 0 0 .5em;
                display: block;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
            }
            .signin-box .reauth {
                display: inline-block;
                font-size: 15px;
                height: 29px;
                line-height: 29px;
                margin: 0;
            }
            .signin-box label.remember {
                display: inline-block;
                vertical-align: top;
                margin: 9px 0 0;
                margin: 4px 0 0;
                line-height: 25px;
            }
            .signin-box .remember-label {
                font-weight: normal;
                color: #666;
                line-height: 0;
                padding: 0 0 0 .4em;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
            }
            .signin-box input[type=submit] {
                margin: 0 1.5em 1.2em 0;
                height: 32px;
                font-size: 13px;
            }
            .signin-box ul {
                margin: 0;
            }
            #slides
            {
                margin: 0 auto;
                min-height: 197px;
               background-color: #f5f5f5; 
            }
                #slides li
                {
                    position: absolute;
                    margin-left: 200px;
                }
                
                
        </style>
     </head>
    <body>
        <div id="slides">
            <ul>
                <li><img src="../images/headerimg.jpg" alt="" /></li>
                <li><img src="../images/slide2.png" alt="" /></li>
            </ul>
        </div>
        <div class="wrapper">
            <div class="header content learfix">
                </a>
                <div class="main content clearfix">
                    <div class="sign-in">
                        <div class="signin-box">
                            <div id="content">
                                <div id="content">
                                    <?php echo ( sizeof($this->messages) > 0 ) ? $this->messages[0] : ""; ?> 
                                    <?php echo $this->form; ?>
                                </div>
                            </div>
                        </div>
                    </div>
                    <ul class="features clearfix">
                        <li>
                            <img src="../images/Eterlogo.jpg" alt=""><p>
                        </li>
                    </ul>
                    <p class="features">
                    <h2>Seja bem vindo à inscrição online.</h2>
                    </p>
                </div>
            </div>
        </div>
    </body>
</html>
